<!DOCTYPE html>
{% load static %}
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>怪谈文章添加</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta id="viewport" name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
    <link rel="stylesheet" type="text/css" href="{% static 'css/md/common.css' %}">

</head>
<body style="">
<header class="title">
    我的怪谈
</header>
<section class="box-group">
    <form class="submit_form" action="{% url 'article_add' username=request.chart_web.user.username %}" method="post">
        <section class="item-group">
            <label style="color: yellow">
                文章标题
            </label>
            <input type="text" name="name" id="id_name" placeholder="给你的怪谈起一个名称">
        </section>
        <section class="item-group item-group-desc">
            <label>
                怪谈简介(用37个字，惊呆屏幕前面的你)
            </label>
            <section class="desc-group">
                <textarea name="des" id="id_des" placeholder="这里输入你的怪谈"></textarea>
                <section class="img_box">
                    <ul>
                        <li class="add_btn"></li>
                    </ul>
                    <button class="submit_btn">提交</button>
                </section>
            </section>
        </section>
    </form>
</section>
<script src="{% static 'js/md/jquery.min.js.下载' %}"></script>
<script src="{% static 'js/md/upload.js.下载' %}"></script>
<script type="text/javascript">
    new img_compress_upload({
        max_height: 1024,
        max_width: 1024,
        max_num: 100,
        list_box: $('.img_box'),
        add_btn: $('.img_box .add_btn'),
        del_btn_class: 'del',
    });
</script>
</body>
</html>